<template>
  <div id="app">
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: "app",
};
</script>

<style>
html,
body,
#app {
  height: 100%;
  font-size: 14px !important;
}

.el-submenu__title:hover {
  background-color: #263445 !important;
}

.el-menu-item:hover {
  background-color: #263445 !important;
}

.el-tree-node.is-current > .el-tree-node__content {
  background: #409eff !important;
  color: #fff;
  font-weight: bold;
}

.el-dialog__header {
  display: block;
  background-color: rgb(48, 65, 86);
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px;
}

.el-dialog__title {
  color: #fff !important;
}

.el-dialog {
  border-radius: 10px !important;
}

.el-table {
  margin-top: 10px;
}

/* 悬停提示修改 */
.el-tooltip__popper {
  width: 260px;
  font-size: 16px;
}

.el-pagination {
  position: relative;
  top: 20px;
  right: 0px;
  text-align: right;
}

.qualiy_list {
  display: flex;
  padding-top: 15px;
}

.el-dialog__body .el-date-editor.el-input,
.el-dialog__body .el-date-editor.el-input__inner,
.el-dialog__body .el-select {
  width: 100%;
}

.el-form-item__content {
  text-align: left;
}

.el-alert__title {
  font-size: 20px !important;
}

.header-cell-style {
  background: #909399;
}
</style>

